
import React, { useEffect, useState } from 'react'
import { AddSquareOutline } from 'antd-mobile-icons'
function ChildComponent(props) {

  return (
    <>
      <div style={{
        border: '3px dashed #ffc836',
        lineHeight: '60px',
        color: '#ffc836',
        fontSize: '25px',
      }}>
        <p><AddSquareOutline />{props.children}</p>
      </div>
    </>
  )
}

export default ChildComponent
